<!-- ?xml version="1.0" encoding="UTF-8"? -->
<!-- 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<g:set var="startmsec" value="${System.currentTimeMillis()}"/>
  <head>
    <!--meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>-->
    
    <%-- para el aei count del menu--%>
    <g:javascript library="prototype/prototype" />
    <g:javascript>
      Event.observe(window, 'load', function () {
      
        // Pide resultados de estudios en la busqueda en los PACS
        /*
        new Ajax.PeriodicalUpdater(
          'aei_study_count',
          '${createLink(controller:"ajaxApi",action:"studySearchResultCount")}',
          {
            method: 'get',
            frequency: 5 // en segs, TODO: que sea configurable!!!
            //,
            //decay: 2
          }
        );
        */
        
        //alert( $$('a.clone') );
      
        $$('a.clone').each( function(item) {
        
          // item es cada link con class=clone
          item.observe('click', function(event) {
            
            //alert( item.parentNode ); // parentNode es de DOM
            //alert( $(item.parentNode).previous() ); // parentNode es de DOM
            
            nodeToClone = $(item.parentNode).previous();
            
            // Extiendo DOM para .previous de prototype
            /*
            nodeToClone.setStyle({
              //backgroundColor: '#900',
              border: '3px solid #ffff00'
            });
            */
            
            // Object.clone tira un Object y necesito un Element para hacer insert
            //newNode = Object.clone(nodeToClone); //nodeToClone.clone();
            newNode = nodeToClone.cloneNode(true); // cloneNode tira un Element y me deja hacer insert
            
            //alert(newNode);
            
            nodeToClone.insert({
              after: newNode
            });
            
            /*
            item.insert({
              before: newNode
            });
            */
            
            
          });
        });
        
      });
    </g:javascript>
    
    <title><g:layoutTitle/> | HCTrauma |</title>
    <style>
      body {
        font-family: verdana, tahoma;
        font-size: 12px;
      }
      #body {
        width: 850px;
        background-color: #aaaaff;
        padding: 10px;
      }
      .ehrform {
        border: 1px solid #000000;
        padding: 10px;
        background-color: #ffffdd;
        overflow: auto;
      }
      .ehrform table {
        width: 100%;
      }
      #infoPaciente {
        width: 180px;
        padding: 10px;
        background-color: #ccccff;
        min-height: 100px;
      }
      #resumen_episodio {
        padding: 10px;
        background-color: #ccccff;
        border: 1px solid #000;
        margin-bottom: 10px;
        overflow: auto;
      }
      #resumen_episodio span {
        /*width: 130px;*/
        position: relative;
        display: inline;
        float: left;
        margin-right: 15px;
      }
      
      /* La regla sobre spans me sobreescribe esta que quiero que 
         se vea en la misma linea que el link del menu */
      #aei_study_count {
        margin: 0px;
        float: none;
      }
      
      h2 {
        margin-top: 0px;
      }
      td {
        vertical-align: top;
        font-family: verdana, tahoma;
        font-size: 12px;
      }
      #menu {
        width: 180px;
         /*left: 0px;*/
         /*top: 110px;*/
         /*width: 230px;*/
         /*height: auto;*/
         padding-top: 3px; /* Espacio vertical entre la info del paciente y el menu */
         /*padding-bottom: 20px;*/
         /*overflow: hidden;*/
         /*vertical-align: top;*/
      }
      #menu ul {
         list-style:none;
         margin:0;
         padding:0;
         /*float:right;*/
      }
      #menu ul li {
         margin-bottom:3px;
         padding:0;
         /*width: 200px;*/
         /*margin-left: 10px;*/
      }
       #menu li a {
         display: block;
         width: 193px;
         padding: 7px 0px 7px 7px;
         text-decoration:none;
         /*text-align:center;*/
         /*
         font-weight:bold;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 13px;
         */
         color: #597a80;
         background-color:#C8EDFF;
       }
       #menu li a:hover {
         color: #000000;
         background-color:#ffee00;
       }
       #menu li.active a {
         color: #000000;
         background-color: #AAAAFF; /*ADDEE4;*/
       }
       #body table {
         background-color: #ffffdd;
         width: 100%;
         font-size: 12px;
         border: 1px solid #000;
       }
       #body th {
         background-color: #ccccdd;
       }
       #body td {
         /* text-align: center; */ // TODO: esto deberia ser solo para aei
       }
    </style>
    <g:layoutHead />
  </head>
  <body>
    <g:if test="${flash.message}">
      <div id="message" class="error" style="display:none;" >
        <g:message code="${flash.message}" args="${flash.args}" />
      </div>
    </g:if>
    
    <table cellpadding="0" cellspacing="0">
      <tr>
        <td id="body" rowspan="2">
          <g:resumenEpisodio episodeId="${episodeId}" />
          <g:layoutBody />
        </td>
        <td>
          <div id="infoPaciente">
            <h2><g:message code="trauma.title.informacionPaciente" /></h2>
            <%-- A patient lo manda como modelo guiGenController.generarTemplate --%>
            <g:if test="${patient}">
              <g:render template="../demographic/Person" model="[person:patient]" />
            </g:if>
            <g:else>
              <g:message code="trauma.layout.pacienteNoIdentificado.label" />:
              <g:link controller="demographic" action="admisionPaciente">
                <g:message code="trauma.layout.identificarPaciente.action" />
              </g:link>
            </g:else>
          </div>
          <div id="menu">
            <ul>
              <li>
                <g:link controller="trauma" action="list">
                  <g:message code="trauma.menu.list" />
                </g:link>
              </li>
              <li ${((controllerName=='trauma'&&actionName=='show') ? 'class="active"' : '')}>
                <g:link controller="trauma" action="show" id="${episodeId}">
                  <g:message code="trauma.menu.show" />
                </g:link>
              </li>
              
        <%--
        TODO: desde lo estudios img hasta el registro clinico no puede ser visto por un administrativo.
        --%>
              
              <li ${((controllerName=='studySearchResult'&&actionName=='list') ? 'class="active"' : '')}>
                <g:link controller="studySearchResult" action="list" id="${episodeId}">
                  <g:message code="trauma.menu.aei" />
                  (<span id="aei_study_count">-</span>)
                </g:link>
              </li>
              <g:if test="${template}">
                <g:each in="${sections}" var="section">
                  <li ${(( template.id.startsWith(section) ) ? 'class="active"' : '')}>
                    <g:link controller="trauma" action="registroClinico2" params="[section:section]">
                      <g:message code="${'section.'+section}" />
                    </g:link>
                  </li>
                </g:each>
              </g:if>
            </ul>
          </div>
          
          <%-- FIXME: test idiomas --%>
          <ul class="localeChooser">
            <li ${(session.locale.getLanguage()=='en')?'class="active"':''}>
              <a href="?sessionLang=en&templateId=${params.templateId}"><g:message code="common.lang.en" /></a>
            </li>
            <li ${(session.locale.getLanguage()=='es')?'class="active"':''}>
              <a href="?sessionLang=es&templateId=${params.templateId}"><g:message code="common.lang.es" /></a>
            </li>
          </ul>
          
        </td>
      </tr>
    </table>
    
    <!-- gsp time (msecs): ${System.currentTimeMillis()-startmsec} -->
  </body>
</html>